<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]钟莉/网络与新媒体专业学生</title>
    <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

<!-- 头部部分  -->
    <header class="header">
   <!--  导航栏 -->
        <nav class="nav">
            <ul class="logo">
                <li class="fa fa-archive" aria-hidden="true" style="color: #00CC00;margin-left: 10px">
                <a class="dabiao" >简历</a>
                </li>
            </ul>
            <ul class="daohang">
                <li class="fa fa-git-square" aria-hidden="true" style="color: #00CC00;align-items: center;"></li>
                <a class="neirong" href="https://gitee.com/zhongli_07">Gitee</a>
                <li class="fa fa-github" aria-hidden="true" style="color: #00CC00;"></li>
                <a class="neirong" href="https://github.com/zhongli-apia">Github</a>
                <li class="fa fa-heart" aria-hidden="true" style="color: #00CC00;"></li>
                <a class="neirong" href="https://www.xiaohongshu.com/user/profile/5cff42d7000000001801a94a?xhsshare=CopyLink&appuid=5cff42d7000000001801a94a&apptime=1637149156">小红书</a>

            </ul>


        </nav>
    </header>

    <article class="container">
        <section class="side" id="side">
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>


            <!-- 个人肖像 -->
            <section class="me">
                    <!-- 头像照片 -->
                <div class="touxiang">
                   <img class="avatar" src="assets/images/touxiang.jpg" onload="loading()" style="max-width: 100%;width: 8rem;border-radius: 50%;"> 
                </div>
                <h1 class="name"style = "font-size: 2.5em;font-weight: bold;">钟莉</h1>
                <h4 class="info-job">网络与新媒体专业学生 / 广州</h4>
            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-id-card-o" aria-hidden="true" style="color: #00CC00;" ></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label><em>个人信息</em></label>
                        <span>钟莉 / 女 / 20岁</span>
                    </li>
                    <li>
                        <label><em>英语水平</em></label>
                        <span>CET-4</span>
                    </li>
                    <li>
                        <label><em>计算机水平</em></label>
                        <span>计算机二级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true" style="color: #00CC00;"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label><em>手机</em></label>
                        <a href="tel:13232699569" target="_blank">132-3269-9569</a>
                    </li>
                    <li>
                        <label><em>邮箱</em></label>
                        <a href="mailto:2292535116@qq.com" target="_blank">2292535116@qq.com</a>
                    </li>
                    <li>
                        <label><em>个人主页</em></label>
                        <a href="https://gitee.com/zhongli_07" target="_blank">https://gitee.com/zhongli_07/</a>
                    </li>
                    <li>
                        <label><em>Github</em></label>
                        <a href="https://github.com/zhongli-apia" target="_blank">https://github.com/zhongli-apia</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-thumbs-up" aria-hidden="true" style="color: #00CC00;"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>Python</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>HTML</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>小程序</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>Tableau</label>
                        <progress value="70" max="100"></progress>
                    </li>
                </ul>
            </section>

            <!-- 二维码 -->
            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true" style="color: #00CC00;"></i>二维码</h2>
                <hr/>
                <img src="assets/images/erweima.jpg" style="width: 100%;" alt="">
            </section>
        </section>
        
        <!-- 教育经历 -->
        <main class="main">
            <h2><i class="fa fa-university" aria-hidden="true" style="color: #00CC00;"></i>教育经历</h2>
            <hr/>
            <ul>
                <li>
                    <h3>
                        <span><em>廉江中学（高中）</em></span>
                        <time>2016.9-2019.6</time>
                    </h3>
                    <p>高中期间，积极参加学校举办的排球、篮球比赛，公益组织的“义卖会”等活动，多次获"优秀班干部"等荣誉称号。</p>
                </li>
                <li>
                    <h3>
                        <span><em>中山大学南方学院 - 网络与新媒体专业（本科）</em></span>
                        <time>2019.9-至今</time>
                    </h3>
                    <p>专业排名
                        <mark>19/139</mark>，期间多次参加创业比赛，获第三届“果断点”杯创新创业大赛创意奖、会计学院第一届独角兽商业计划书大赛中团体二等奖、文传学院优秀班干部等奖项，获学校三等奖学金1次。</p>
                </li>
            </ul>
        </main>

        <!-- 在校经历 -->
        <main class="main">
            <h2><i class="fa fa-graduation-cap" aria-hidden="true" style="color: #00CC00;"></i>在校经历</h2>
            <hr/>
            <ul>
                <li>
                    <h3>
                        <span><em>社团联合会外联部——理事</em></span>
                        <time>2019.9-2020.6</time>
                    </h3>
                    <p>在社团联合会中，参与社团缤纷夜等社联活动的策划，熟悉赞助流程，为活动带来更多赞助，开展了一系列活动并取得圆满成功，加强了各社团与社联的联系，丰富了同学们的校园生活，感受到南苑生活的多姿多彩。</p>
                </li>
                <li>
                    <h3>
                        <span><em>班级委员——生活委员</em></span>
                        <time>2020.1-至今</time>
                    </h3>
                    <p>在班级担任生活委员，积极参与班级团建活动，处理班费、购买物资等事务，履行职务职责。与同学用心搞好关系，维护班级团结友爱的氛围。</p>
                </li>
            </ul>
        </main>

        <!-- 工作经历 -->
        <main class="main">
            <h2>
                <i class="fa fa-shopping-bag" aria-hidden="true" style="color: #00CC00;"></i>工作经历</h2>
            <hr/>
            <ul>
                <li>
                    <h3>
                        <span><em>[经历1]天地壹号饮料股份有限公司销售员（兼职）</em></span>
                        <time>2020.01 至 2020.02</time>
                    </h3>
                    <ul class="info-content">
                        <li>组织及协助公司业务团队开展社区推广等营销工作，实现
                            <mark>推广营销工作稳定发展。</mark></li>
                        <li>不断跟进市场的发展趋势，定期整理市场数据汇报给领导；
                            <mark>数据可视化</mark>。</li>
                        <li>进行销售饮料工作，整理统计产品库存，记录每日工作报告</li>
                    </ul>
                </li>
                <li>
                    <h3>
                        <span><em>[经历2]广州创无限创意设计有限公司新媒体运营部部长</em></span>
                        <time>2019.10-2021.03</time>
                    </h3>
                    <ul class="info-content">
                        <li>负责运营公司官方公众号、小红书、抖音等平台，进行数据引流等工作。。
<!--                             <a href="http://itsay.tech/162/" target="_blank">
                                <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。 --></li>
                        <li>跟进公司对外宣传，项目文案策划等新媒体运营工作。
                        <li>辅助微店、淘宝店铺运营管理</li>
                    </ul>
                </li>
            </ul>
        </main>

        <!-- 项目经验 -->
        <main class="main">
            <h2>
                <i class="fa fa-file-archive-o" aria-hidden="true" style="color: #00CC00"></i>个人项目</h2>
            <hr/>
            <ul>
                <li>
                    <h3>
                        <span><em>[项目1]轻食——一站式解决你所有的饮食需求</em></span>
                        <span class="link">
                            <a href="https://gitee.com/zhongli_07/api-final-project" target="_blank">Demo</a>
                        </span>
                        <time>2021.1.14-2021.1.28</time>
                    </h3>
                    <ul class="info-content">
                        <li>技术栈：Jupyter Notebook + API + 墨刀</li>
                        <li>
                            <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                            [目标]一站式解决你所有的饮食需求
                            <br/>
                            <i class="fa fa-users" aria-hidden="true"></i>
                            [团队]个人完成
                            <br/>
                            <i class="fa fa-bars" aria-hidden="true"></i>
                            [贡献]完成从
                            <mark>“调研-设计-实现-文档”</mark>等工作，主要负责系统原型、功能框架及源代码的实现与设计等工作
                            <br/>
<!--                             <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                            [效果]作品最终取得第三届共享杯国家级竞赛“一等奖” （2/2000） -->
                        </li>
                    </ul>
                </li>
                <li>
                    <h3>
                        <span><em>[项目2]第七次人口普查数据可视化</em></span>
                        <span class="link">
                            <a href="https://gitee.com/zhongli_07/final-project-of-data-analysis" target="_blank">Demo</a>
                        </span>
                        <time>2021.6.30-2021.7.3</time>
                    </h3>
                    <ul class="info-content">
                        <li>技术栈：Jupyter Notebook +Python + HTML5 + CSS</li>
                        <li>
                            <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                            [目标]实现全国第七次人口普查数据多维度可视化展示、数据透视及分析
                            <br/>
                            <i class="fa fa-users" aria-hidden="true"></i>
                            [团队]个人完成
                            <br/>
                            <i class="fa fa-bars" aria-hidden="true"></i>
                            [贡献]首先使用<mark>pandas库中的read_html方法</mark>进行<mark>数据抓取 </mark>,继而使用<mark>DataFrame对象中的loc属性和iloc属性</mark>进行和<mark>数据清洗 </mark>，得到有价值、简洁的数据，并用
                            <mark>Pyecharts</mark> 进行数据可视化展示。最后使用<mark>Python flask web</mark>网站搭建,进行可视化展示的结果以及数据故事的阐述
                            <br/>

                            <details>
                            <summary>展示Python flask web截图</summary>
                            <li class="Scroll_Wrapper">
                            <figure class="Item">
                                <img src="assets/images/show1.png" alt="show1" >
                                <figcaption class="Caption">①</figcaption>
                            </figure>
                            <figure class="Item">
                                <img src="assets/images/show2.png" alt="show2" >
                                <figcaption class="Caption">②</figcaption>
                            </figure>
                            <figure class="Item">
                                <img src="assets/images/show3.png" alt="show3" >
                                <figcaption class="Caption">③</figcaption>
                            </figure>
                            <figure class="Item">
                                <img src="assets/images/show4.png" alt="show4" >
                                <figcaption class="Caption">④</figcaption>
                            </figure>

                            <figure class="Item">
                                <img src="assets/images/show5.png" alt="show5" >
                                <figcaption class="Caption">⑤</figcaption>
                            </figure>
                            <figure class="Item">
                                <img src="assets/images/show6.png" alt="show6" >
                                <figcaption class="Caption">⑥</figcaption>
                            </figure>
                            <figure class="Item">
                                <img src="assets/images/show7.png" alt="show7" >
                                <figcaption class="Caption">⑦</figcaption>
                            </figure>
                            <figure class="Item">
                                <img src="assets/images/show8.png" alt="show8" >
                                <figcaption class="Caption">⑧</figcaption>
                            </figure>

                            <figure class="Item">
                                <img src="assets/images/show9.png" alt="show9" >
                                <figcaption class="Caption">⑨</figcaption>
                            </figure>
                            </details>

                        </li>
                    </ul>
                </li>
                <li>
                    <h3>
                        <span><em>[项目3]数字媒体技术与协作的笔记总结</em></span>
                        <span class="link">
                            <a href="https://gitee.com/zhongli_07/notes" target="_blank">Demo</a>
                        </span>
                        <time>2021.1.3-2021.1.14</time>
                    </h3>
                    <ul class="info-content">
                        <li>技术栈：markdown + Josn + yaml + tsv + csv</li>
                        <li>
                            <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                            [目标]进行数字媒体技术与协作笔记总结，学会运用gitee与github
                            <br/>
                            <i class="fa fa-users" aria-hidden="true"></i>
                            [团队]个人完成，参考老师提供的资料
                            <br/>
                            <i class="fa fa-bars" aria-hidden="true"></i>
                            [贡献]对课程所学的<mark>markdown</mark> + <mark>Josn</mark> + <mark>yaml</mark> + <mark>tsv</mark> + <mark>csv</mark>的知识进行总结。
                        </li>
                    </ul>
                </li>
                <li>
                    <h3>
                        <span><em>[项目4]2013年美国枪杀案情况（信息可视化期末项目）</em></span>
                        <span class="link">
                            <a href="https://public.tableau.com/app/profile/.38371600/viz/2013_15934311433710/2013_6" target="_blank">Demo</a>
                        </span>
                        <time>2020.6.25-2020.6.30</time>
                    </h3>
                    <ul class="info-content">
                        <li>技术栈：tableau</li>
                        <li>
                            <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                            [目标]实现2013年美国枪杀案情况数据多维度可视化展示、数据透视及分析
                            <br/>
                            <i class="fa fa-users" aria-hidden="true"></i>
                            [团队]个人完成
                            <br/>
                            <i class="fa fa-bars" aria-hidden="true"></i>
                            [贡献]使用<mark>tableau</mark>进行数据整理，实现信息可视化和文字阐述
                            <br/>
                        </li>
                    </ul>
                </li>

            </ul>
        </main>

        <!-- 自我评价 -->
        <main class="main">
            <h2>
                <i class="fa fa-pencil" aria-hidden="true" style="color: #00CC00;"></i>自我评价/期望</h2>
            <hr/>
            <p style="text-indent:2em;">不知不觉已经是进入大学的第三年，说实话，有时候代码运行出现bug，很奔溃无数次失败，有时成功有时不成功，很搞心态。网新在学习上的传统一直是互帮互助，合作的力量是强大的，稳住心态，耐心一点，一步步尝试，打怪升级，看着一个个项目完成，超有成就感！正所谓<b>“天下难事始于易，天下大事始于细。”</b>希望大家可以度过一个美好的大学时光，认真对待每一次课程！</p>
        </main>
    </article>



    <footer class="footer">
        <address style="text-align: center;font-weight: 400;">@ 2021 钟莉.文档最后更新时间为
            <time>2021年11月22日</time>.</address>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/zhongli_07/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="https://github.com/zhongli-apia" target="_blank">GITHUB</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>